<template>
	<view class="detail-page">
		<view class="detail-item" v-for="(item,index) in List" :key="index" @click="gonavto(item.url)">
			<view>
				{{item.text}}
			</view>
			<view>
				<u-icon name="arrow-right" color="#000000" size="16"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				List: [{
						text: '充值记录',
						url:'/pages/my/detail/rechargeRecords'
					},
					{
						text: '提现记录',
						url:'/pages/my/detail/withdrawRecord'
					},
					{
						text: '资金流水',
						url:'/pages/my/detail/income'
					},
					{
						text: '收益流水',
						url:'/pages/my/detail/fund'
					}
				]
			}
		},
		methods:{
			gonavto(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.detail-page {
		padding: 30rpx;

		.detail-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #f5f6fa;
			padding: 30rpx;
			border-radius: 40rpx;
			font-size: 28rpx;
			font-weight: 700;
			margin-top: 30rpx;
		}
	}
</style>